﻿@model CleverCMS.Cms.Services.ViewModels.LoginModel
@{
    Layout = null;
}

<head>
    <title>Login</title>
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/assets/bootstrap/css/bootstrap.min.css")">
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/assets/bootstrap/css/bootstrap-responsive.min.css")">
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/assets/bootstrap/css/bootstrap-fileupload.css")">
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/assets/font-awesome/css/font-awesome.css")">
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/css/style.css")">
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/css/style-responsive.css")">
    <link rel="stylesheet" href="@Url.Content("~/Areas/CleverCms.Admin/Content/css/style-default.css")" id="style_color" >
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-2.0.2.min.js")"></script>
</head>


<body>
    @using (Html.BeginForm( new { ReturnUrl = ViewBag.ReturnUrl }))
    {
        <div class="lock" style="background-color: #393939 !important;"></div>
        <div class="lock-header">
            <a class="center" id="logo" href="/">
                CleverCMS
            </a>
        </div>
        <div class="login-wrap">
            <div class="metro single-size red">
                <div class="locked">
                    <i class="icon-lock"></i>
                    <span>Login</span>
                </div>
            </div>
            <div class="metro double-size green">
                <div class="input-append lock-input">
                    @Html.TextBoxFor(m => m.UserName, new {@id = "inputLoginLogin", @placeholder = "Username"})
                </div>
            </div>
            <div class="metro double-size yellow">
                <div class="input-append lock-input">
                    @Html.PasswordFor(m => m.Password, new {@id = "inputLoginPassword", @placeholder = "Password"})
                </div>
            </div>
            <div class="metro single-size terques login">
                <button type="submit" class="btn login-btn">Login<i class=" icon-long-arrow-right"></i></button>
            </div>
        </div>
        
        <div class="login-wrap">
            <div class="login-footer">
                <div class="remember-hint pull-left">
                    @Html.CheckBoxFor(m=>m.RememberMe) Remember Me
                </div>
                <div class="forgot-hint pull-right">
                    <a id="forget-password" class="" href="/Account/ForgotPassword">Forgot Password?</a>
                </div>
            </div>
        </div>
        
        <div align="center">
            @Html.ValidationMessageFor(m => m.UserName, "", new { @class = "form-required" }) <br/>
            @Html.ValidationMessageFor(m => m.Password, "", new { @class = "form-required" })
            <div class="validation-summary-errors">
                <ul>
                    <li style="display: none">
                        @Html.AntiForgeryToken()
                        @Html.ValidationSummary(true)
                    </li>
                </ul>
            </div> 
        </div>
    }
    
    @Html.Action("ExternalLoginsList", new { ReturnUrl = ViewBag.ReturnUrl }) 
</body>

<script type="text/javascript">
    $(document).ready(function() {
        $("a.social-link").on("click", function() {
            $(this).next().trigger("click");
        });
    });
</script>

@Scripts.Render("~/bundles/jqueryval")